<template>
  <div class="m-group" :style="wrapperStyle">
    <div class="m-group__title" v-if="title" :style="{ color: titleColor }">
      {{ title }}
      <slot name="title"></slot>
    </div>
    <slot></slot>
  </div>
</template>

<script>
export default {
  name: 'm-group',
  props: {
    title: String,
    titleColor: String
  },
  computed: {
    wrapperStyle () {
      return
    }
  }
}
</script>

<style lang="scss">
</style>
